html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    /* Set your content font stack here: */
    font-family: "Lucida Grande", Lucida Sans Unicode, Hiragino Sans GB, WenQuanYi Micro Hei, Verdana, Aril, sans-serif;
}

/*--- Navigator Starts Here ---*/
.pure-menu-list{
    float: right;
    font-size: 90%;
    margin-top: 3px;
}

.home-menu{
    background-color: #212121;
}

.pure-menu-heading{
    color: aliceblue;
}

.pure-menu-link:hover{
    color: #bed7e8;
    background: none;
}

.pure-menu-link{
    color: aliceblue;
    background-color : none ;
}
/*--- Navigator Ends Here ---*/
/*--- Header Part Starts Here ---*/
.header{
    background-image: url('../images/bg.jpg');
    background-repeat: no-repeat; ;
    background-position: 50% 50%;
    background-size: cover;
    position: fixed ;
    height : 100% ;
    width: 100% ;
    z-index: -1 ;
}

.header-text{
    position: absolute;
    top: 15% ;
    width: 100% ;
    margin:auto ;
    text-align: center;
    color: aliceblue ;
}

.header-text h1{
    font-family : 'Oswald', sans-serif ;
    width:100% ;
    margin:auto ;
    font-size: 120px ;
}

.header-motto{
    position: relative;
    top:50px;
    width: 100% ;
    margin:auto;
    text-align: center;
}
.header-motto-text{
    margin:auto ;
    color: azure ;
}
/*--- Header Part Ends Here ---*/
/*--- Introduction Part Starts Here ---*/
.introduction {
    position: absolute ;
    width:100%;
    top: 100% ;
    height: 110% ;
}

.introduction-container{
    margin : auto ;
    width: 60% ;
    text-align:center;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50% ;
    color: aliceblue ;
}

.introduction-container p{
    text-indent: 2em;
    text-align: left;
    font-size: 16px;
    padding:25px 55px ;
}

#cada-anim {
    position: relative ;
    top: -50px ;
}

/*--- Introduction Part Ends Here ---*/
/*--- History Starts Here ----*/
.history {
    position: absolute ;
    top: 240% ;
    height: 180% ;
    width:100%;
}

.history-container{
    width: 60% ;
    margin:auto;
    border: solid 15px ;
    text-align: center;
    background-image: url(../images/bg-bak.jpg) ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50% ;
}

span.divide-line{
	width:3px;
	height: calc(100% + 40px);
	position:absolute;
	top:30px;
    display:initial;
	background:#d4d4d4;
}
.history-section{
    position: relative ;
    text-align: center;
}
.history-section h4{
	color:#2b3b4b;
	background:#d4d4d4;
	padding:10px;
	font-size:20px;
	display: block;
	text-align:center;
	width:30%;
	font-weight:800;
	border-radius:6px;
	margin:35px auto;
	position:relative;
}

.history-section h5{
    display: block ;
    padding: 15px 10px 5px 10px ;
    color: white ;
    background: rgba( 132 , 221 , 233 , 1 )  ;
    text-align: center ;
    border-radius: 30px ;
    border-width: 1px ;
    border: solid ;
    margin: auto ;
    width : 25px ;
    height: 25px ;
    font-size: 12px ;
    position: absolute;
    float: right ;
    right: calc(50% - 25.5px) ;
    top : calc(50% - 25.5px) ;
}

.history-left-box{
    display: block;
    position: relative;
    text-align: right;
    margin: 15px 0px 15px 0px ;
    width: 100%;
    min-height: 50px ;
}
.history-right-box{
    display: block;
    position: relative;
    text-align: left ;
    margin: 15px 0px 15px 0px ;
    width: 100%;
    min-height: 50px ;
}

.history-left-box p{
    display: block;
    position: relative;
    left: 10% ;
    margin: 15px 0px 15px 0px ;
    width: 35% ;
    font-size:12px;
    text-align: right;
}

.history-right-box p{
    display: block;
    position: relative;
    margin: 15px 0px 15px 0px ;
    left: 55% ;
    width: 35% ;
    font-size:12px;
    text-align: left ;
}

/*--- History Ends Here ----*/
/*----Footer Starts Here ----*/
.rester{
    position: relative;
    width: 100%;
    height: 100px ;
    margin: 0px;
    border: 0px;
}
.footer{
    position: absolute ;
    top: 450%;
    width: 100% ;
    height: 64px;
    z-index: 3 ;
    bottom: 0px ;
    background-color: #212121;
    text-align: center;
}

.footer p{
    color: aliceblue ;
    font-size: 14px ;
}

#cada-icon{
    display: block;
    position: absolute;
    left:25%;
    top:0px;
    height: 64px ;
    width: 64px ;
}

/*----Footer Ends Here ----*/
/*----Section Common Features Starts Here ----*/
.history .introduction p {
    font-family: 'Microsoft YaHei' ;
}

.section-container {
    border: 35px solid ;
    border-color: #84dde9 ;
    color: aliceblue ;
}

.section-title{
    font-size: 48px ;
    font-family: sans-serif ;
    font-weight: 700;
}

/*----Section Common Features Ends Here ----*/
